$(document).ready(function() {
	
    var timer = setInterval(banner, 4000);
    
    var index = 0;
    //鼠标悬停
    $('ul.num li').hover(function() {
    	clearInterval(timer);
    	$.each($('ul.num li'), function(index, value) {
    		if($(this).hasClass('on')) $(this).removeClass('on');
    	});
    	$(this).addClass('on');
    	var n = parseInt($(this).html()) - 1;
    	var left = -320*n;
    	$('ul.pics').stop().animate({
    		'left':left+'px'
    	},1000);
    	index = n;
    },function() {
    	timer = setInterval(banner, 4000);
    });
    
    function banner() {
        if(index >= 2) {
        	$('ul.pics').animate({
                'left':'0'
            }, 200);
            $.each($('ul.num li'), function(index, value) {
                if($(this).hasClass('on')) $(this).removeClass('on');
            });
            $('ul.num li').eq(0).addClass('on');
            index = 0;
        } else {
	    	$('ul.pics').animate({
	    		'left':'-=320px'
	    	}, 1000);
	    	$.each($('ul.num li'), function(index, value) {
                if($(this).hasClass('on')) $(this).removeClass('on');
            });
	    	$('ul.num li').eq(index+1).addClass('on');
	    	index++;
        }
   }
});


